<template>
<div class="has-hover">
  <div class="ko-view">
    <div class="join-course-page">
<!--      添加班级表头-->
      <join-class-header/>
<!--      添加班级内容-->
      <join-class v-show="type === 'student'"/>
<!--      老师创建班级课程-->
      <create-course v-show="type === 'teacher'"/>

    </div>

  </div>
</div>
</template>

<script>
import JoinClassHeader from '@/components/headers/JoinClassHeader'
import JoinClass from '@/components/add/JoinClass'
import CreateCourse from '@/components/add/CreateCourse'

export default {
  components:{
    JoinClassHeader,
    JoinClass,
    CreateCourse,
  },
  data(){
    return {
      dialogTableVisible: false,
      type: '',
    }
  },
  created() {

    this.init()
  },
  methods:{
    async init(){

      this.type = localStorage.getItem("type")
    },

  }



}
</script>

<style scoped>

*, :after, :before {
  box-sizing: border-box;
}
div {
  display: block;
  unicode-bidi: isolate;
}

</style>